<template>
  <div class="box">
    <img class="background" src="../../../static/img/gszc.jpg" alt="">
    <router-link to="/"><img src="../../../static/img/btn1.png" class="x-center mybtn btn1" alt=""></router-link>
    <img @tap="open" src="../../../static/img/btn2.png" class="x-center mybtn btn2" alt="">
    <img @tap="open" src="../../../static/img/btn3.png" class="x-center mybtn btn3" alt="">
    <img @tap="open" src="../../../static/img/btn4.png" class="x-center mybtn btn4" alt="">
    <img @tap="open" src="../../../static/img/ljyx.png" class="x-center mybtn btn5" alt="">
    <router-link to="/"><img src="../../../static/img/btn6.png" class="x-center mybtn btn6" alt=""></router-link>

    <PromotionFooter></PromotionFooter>
  </div>
</template>

<script>
  import PromotionFooter from  './child/PromotionFooter'
  export default {
    name: "promotionCompany",
    components: { PromotionFooter },
    methods: {
      //免费咨询
      open() {
        get_chat_event('advice')
        //_53App.talk('icon', '&zdkf_type=1&kf=1934734627%40qq.com&kflist=off')
      }
    }
  }
</script>

<style lang="less" scoped>
  .box {
    position: relative;
    padding-bottom: 1.1rem;
  }

  .box .mybtn {
    width: 2.6rem;
  }
  img {
    width: 7.5rem;
    display: block;
  }

  .btn1 {
    top: 4rem;
  }

  .btn2 {
    top: 16.72rem;
  }

  .btn3 {
    top: 24.79rem;
  }

  .btn4 {
    top: 32.58rem;
  }

  .btn5 {
    top: 47.2rem;
  }

  .btn6 {
    top: 53.45rem;
  }
</style>
